<template>
	<div class="demo">
		<h2>学校名称：{{name}}</h2>
		<h2>学校地址：{{address}}</h2>
	</div>
</template>

<script>
	export default {
		name:'School',
		data() {
			return {
				name:'尚硅谷',
				address:'宏福科技园',
			}
		},
	}
</script>

<style scoped>
	/* 如果确定下面的样式，只是School组件在用，那么就可以加上scoped，避免样式冲突 */
	.demo{
		background-color: orange;
		padding: 10px;
	}

</style>